<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学知题库 - 关于我们</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.8/dist/chart.umd.min.js"></script>
    
    <!-- Tailwind 配置 -->
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: '#165DFF',
                        secondary: '#36CBCB',
                        accent: '#FF7D00',
                        neutral: '#F5F7FA',
                        'neutral-dark': '#4E5969',
                        success: '#00B42A',
                        warning: '#FF7D00',
                        danger: '#F53F3F',
                    },
                    fontFamily: {
                        inter: ['Inter', 'system-ui', 'sans-serif'],
                    },
                }
            }
        }
    </script>
    
    <style type="text/tailwindcss">
        @layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .scrollbar-hide {
                -ms-overflow-style: none;
                scrollbar-width: none;
            }
            .scrollbar-hide::-webkit-scrollbar {
                display: none;
            }
            .text-shadow {
                text-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
            .card-hover {
                transition: all 0.3s ease;
            }
            .card-hover:hover {
                transform: translateY(-5px);
            }
            .bg-gradient-primary {
                background: linear-gradient(135deg, #165DFF 0%, #0E42B3 100%);
            }
            .progress-ring-circle {
                transition: stroke-dashoffset 0.35s;
                transform: rotate(-90deg);
                transform-origin: 50% 50%;
            }
            .animate-float {
                animation: float 3s ease-in-out infinite;
            }
            @keyframes float {
                0% { transform: translateY(0px); }
                50% { transform: translateY(-10px); }
                100% { transform: translateY(0px); }
            }
        }
    </style>
</head>
<body class="bg-gray-50 font-inter text-gray-800 min-h-screen flex flex-col">
    <!-- 顶部导航栏 -->
    <header class="bg-white shadow-sm sticky top-0 z-50 transition-all duration-300">
        <div class="container mx-auto px-4 py-3 flex items-center justify-between">
            <div class="flex items-center space-x-2">
                <a href="#" class="flex items-center">
                    <i class="fa fa-graduation-cap text-primary text-2xl mr-2"></i>
                    <h1 class="text-xl font-bold text-gray-800">学知题库</h1>
                </a>
            </div>
            
            <div class="hidden md:flex items-center space-x-6">
                <a href="#" class="text-gray-600 hover:text-primary transition-colors">首页</a>
                <a href="#" class="text-gray-600 hover:text-primary transition-colors">题库</a>
                <a href="#" class="text-gray-600 hover:text-primary transition-colors">学习路径</a>
                <a href="#" class="text-gray-600 hover:text-primary transition-colors">模拟考试</a>
                <a href="#" class="text-primary font-medium border-b-2 border-primary pb-1">关于我们</a>
            </div>
            
            <div class="flex items-center space-x-4">
                <div class="relative w-full md:w-64">
                    <input type="text" placeholder="搜索题目、知识点..." 
                           class="pl-10 pr-4 py-2 rounded-full bg-gray-100 focus:outline-none focus:ring-2 focus:ring-primary/20 transition-all w-full">
                    <i class="fa fa-search absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400"></i>
                </div>
                
                <div class="flex items-center space-x-2">
                    <button class="hidden md:flex items-center justify-center w-10 h-10 rounded-full bg-gray-100 hover:bg-gray-200 transition-colors">
                        <i class="fa fa-bell-o"></i>
                    </button>
                    <div class="relative">
                        <button class="flex items-center space-x-2">
                            <img src="https://picsum.photos/id/64/40/40" alt="用户头像" class="w-8 h-8 rounded-full border-2 border-primary">
                            <span class="hidden md:inline font-medium">张同学</span>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- 关于我们头部 -->
    <section class="bg-gradient-to-r from-blue-500 to-indigo-600 text-white py-12 md:py-16">
        <div class="container mx-auto px-4">
            <div class="flex flex-col items-center text-center">
                <div class="w-16 h-16 rounded-full bg-white/20 flex items-center justify-center mb-4">
                    <i class="fa fa-info-circle text-3xl"></i>
                </div>
                <h1 class="text-3xl md:text-4xl font-bold mb-2">关于我们</h1>
                <p class="text-white/80 max-w-2xl">探索学知题库的起源、使命和愿景，了解我们如何致力于为学生提供优质的学习资源</p>
            </div>
        </div>
    </section>

    <!-- 主内容区 -->
    <main class="flex-1 overflow-y-auto bg-gray-50 py-8">
        <div class="container mx-auto px-4">
            <!-- 公司简介 -->
            <div class="bg-white rounded-xl shadow-sm p-6 mb-6">
                <h2 class="text-2xl font-bold mb-4 flex items-center">
                    <i class="fa fa-building-o text-primary mr-2"></i> 公司简介
                </h2>
                <p class="text-gray-700 mb-4">学知题库成立于2020年，是一家专注于中小学教育资源数字化的科技公司。我们致力于为学生、教师和家长提供高质量、便捷的学习资源和工具，帮助学生提升学习效率，实现学业成功。</p>
                <p class="text-gray-700 mb-4">通过整合优质教育资源和先进的技术，我们打造了这个全面、专业的题库平台，涵盖了从小学到高中的多个学科，为用户提供丰富的练习题、模拟试题和详细的解析。</p>
                <p class="text-gray-700">我们的团队由教育专家、技术精英和产品设计师组成，我们相信科技与教育的结合能够创造更高效、更个性化的学习体验，让每个学生都能享受到优质的教育资源。</p>
            </div>

            <!-- 我们的使命和愿景 -->
            <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
                <div class="bg-white rounded-xl shadow-sm p-6">
                    <div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center mb-4">
                        <i class="fa fa-bullseye text-primary text-xl"></i>
                    </div>
                    <h2 class="text-2xl font-bold mb-4">我们的使命</h2>
                    <p class="text-gray-700 mb-4">让优质教育资源触手可及，助力每个学生实现学业目标。</p>
                    <ul class="space-y-2">
                        <li class="flex items-start">
                            <i class="fa fa-check-circle text-primary mt-1 mr-2"></i>
                            <span>提供全面、专业的学习资源，覆盖各个学科和年级</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fa fa-check-circle text-primary mt-1 mr-2"></i>
                            <span>利用技术创新，打造个性化学习体验，满足不同学生的需求</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fa fa-check-circle text-primary mt-1 mr-2"></i>
                            <span>帮助学生提高学习效率，培养良好的学习习惯和方法</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fa fa-check-circle text-primary mt-1 mr-2"></i>
                            <span>为教师和家长提供有效的教学和辅导工具</span>
                        </li>
                    </ul>
                </div>
                
                <div class="bg-white rounded-xl shadow-sm p-6">
                    <div class="w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center mb-4">
                        <i class="fa fa-eye text-primary text-xl"></i>
                    </div>
                    <h2 class="text-2xl font-bold mb-4">我们的愿景</h2>
                    <p class="text-gray-700 mb-4">成为中国最具影响力的中小学教育资源平台，推动教育公平与创新。</p>
                    <ul class="space-y-2">
                        <li class="flex items-start">
                            <i class="fa fa-check-circle text-primary mt-1 mr-2"></i>
                            <span>建立全国最大、最全面的中小学题库资源库</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fa fa-check-circle text-primary mt-1 mr-2"></i>
                            <span>通过人工智能和大数据技术，实现精准化学习推荐</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fa fa-check-circle text-primary mt-1 mr-2"></i>
                            <span>与更多学校、教育机构合作，扩大优质教育资源的覆盖面</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fa fa-check-circle text-primary mt-1 mr-2"></i>
                            <span>持续创新，不断提升用户体验，成为教育科技领域的领导者</span>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 核心价值观 -->
            <div class="bg-white rounded-xl shadow-sm p-6 mb-6">
                <h2 class="text-2xl font-bold mb-6 flex items-center">
                    <i class="fa fa-lightbulb-o text-primary mr-2"></i> 核心价值观
                </h2>
                
                <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                    <div class="border border-gray-200 rounded-lg p-5 hover:shadow-md transition-shadow">
                        <div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mb-3">
                            <i class="fa fa-graduation-cap text-primary"></i>
                        </div>
                        <h3 class="text-xl font-bold mb-2">教育为本</h3>
                        <p class="text-gray-600">我们始终将教育质量放在首位，致力于提供最优质的学习资源和服务。</p>
                    </div>
                    
                    <div class="border border-gray-200 rounded-lg p-5 hover:shadow-md transition-shadow">
                        <div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mb-3">
                            <i class="fa fa-users text-primary"></i>
                        </div>
                        <h3 class="text-xl font-bold mb-2">用户至上</h3>
                        <p class="text-gray-600">我们深入了解用户需求，不断优化产品体验，为用户创造更大价值。</p>
                    </div>
                    
                    <div class="border border-gray-200 rounded-lg p-5 hover:shadow-md transition-shadow">
                        <div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mb-3">
                            <i class="fa fa-rocket text-primary"></i>
                        </div>
                        <h3 class="text-xl font-bold mb-2">创新进取</h3>
                        <p class="text-gray-600">我们鼓励创新思维，持续探索新技术、新方法，推动教育科技发展。</p>
                    </div>
                </div>
            </div>

            <!-- 团队介绍 -->
            <div class="bg-white rounded-xl shadow-sm p-6 mb-6">
                <h2 class="text-2xl font-bold mb-6 flex items-center">
                    <i class="fa fa-users text-primary mr-2"></i> 核心团队
                </h2>
                
                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
                    <div class="border border-gray-200 rounded-lg overflow-hidden hover:shadow-md transition-shadow">
                        <img src="https://picsum.photos/id/1/300/300" alt="CEO 张明" class="w-full h-48 object-cover">
                        <div class="p-4">
                            <h3 class="font-bold text-lg mb-1">张明</h3>
                            <p class="text-primary mb-2">创始人 & CEO</p>
                            <p class="text-gray-600 text-sm">前教育科技公司高管，拥有10年教育行业经验，致力于用科技改变教育。</p>
                        </div>
                    </div>
                    
                    <div class="border border-gray-200 rounded-lg overflow-hidden hover:shadow-md transition-shadow">
                        <img src="https://picsum.photos/id/2/300/300" alt="CTO 李华" class="w-full h-48 object-cover">
                        <div class="p-4">
                            <h3 class="font-bold text-lg mb-1">李华</h3>
                            <p class="text-primary mb-2">技术总监</p>
                            <p class="text-gray-600 text-sm">资深技术专家，曾任职于知名互联网公司，精通大数据和人工智能技术。</p>
                        </div>
                    </div>
                    
                    <div class="border border-gray-200 rounded-lg overflow-hidden hover:shadow-md transition-shadow">
                        <img src="https://picsum.photos/id/3/300/300" alt="教育总监 王芳" class="w-full h-48 object-cover">
                        <div class="p-4">
                            <h3 class="font-bold text-lg mb-1">王芳</h3>
                            <p class="text-primary mb-2">教育总监</p>
                            <p class="text-gray-600 text-sm">特级教师，拥有20年教学经验，深谙中小学教育教学规律和方法。</p>
                        </div>
                    </div>
                    
                    <div class="border border-gray-200 rounded-lg overflow-hidden hover:shadow-md transition-shadow">
                        <img src="https://picsum.photos/id/4/300/300" alt="产品总监 赵强" class="w-full h-48 object-cover">
                        <div class="p-4">
                            <h3 class="font-bold text-lg mb-1">赵强</h3>
                            <p class="text-primary mb-2">产品总监</p>
                            <p class="text-gray-600 text-sm">资深产品经理，曾主导多个教育类产品的设计与开发，用户体验专家。</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 发展历程 -->
            <div class="bg-white rounded-xl shadow-sm p-6 mb-6">
                <h2 class="text-2xl font-bold mb-6 flex items-center">
                    <i class="fa fa-history text-primary mr-2"></i> 发展历程
                </h2>
                
                <div class="relative">
                    <!-- 连接线 -->
                    <div class="absolute left-5 top-0 bottom-0 w-0.5 bg-gray-200"></div>
                    
                    <div class="space-y-8">
                        <div class="relative pl-12">
                            <div class="absolute left-0 top-0 w-10 h-10 rounded-full bg-primary text-white flex items-center justify-center">
                                <i class="fa fa-flag"></i>
                            </div>
                            <h3 class="text-xl font-bold mb-1">2020年1月</h3>
                            <p class="text-gray-600">学知题库项目正式启动，核心团队组建完成</p>
                        </div>
                        
                        <div class="relative pl-12">
                            <div class="absolute left-0 top-0 w-10 h-10 rounded-full bg-primary text-white flex items-center justify-center">
                                <i class="fa fa-code"></i>
                            </div>
                            <h3 class="text-xl font-bold mb-1">2020年6月</h3>
                            <p class="text-gray-600">完成题库系统的初步开发，收录题目数量达到10万道</p>
                        </div>
                        
                        <div class="relative pl-12">
                            <div class="absolute left-0 top-0 w-10 h-10 rounded-full bg-primary text-white flex items-center justify-center">
                                <i class="fa fa-rocket"></i>
                            </div>
                            <h3 class="text-xl font-bold mb-1">2021年3月</h3>
                            <p class="text-gray-600">学知题库1.0版本正式上线，用户注册量突破10万</p>
                        </div>
                        
                        <div class="relative pl-12">
                            <div class="absolute left-0 top-0 w-10 h-10 rounded-full bg-primary text-white flex items-center justify-center">
                                <i class="fa fa-line-chart"></i>
                            </div>
                            <h3 class="text-xl font-bold mb-1">2022年1月</h3>
                            <p class="text-gray-600">完成A轮融资，题库数量突破50万道，用户覆盖全国30个省份</p>
                        </div>
                        
                        <div class="relative pl-12">
                            <div class="absolute left-0 top-0 w-10 h-10 rounded-full bg-primary text-white flex items-center justify-center">
                                <i class="fa fa-lightbulb-o"></i>
                            </div>
                            <h3 class="text-xl font-bold mb-1">2023年5月</h3>
                            <p class="text-gray-600">推出智能学习推荐系统，基于AI算法为用户提供个性化学习路径</p>
                        </div>
                        
                        <div class="relative pl-12">
                            <div class="absolute left-0 top-0 w-10 h-10 rounded-full bg-primary text-white flex items-center justify-center">
                                <i class="fa fa-users"></i>
                            </div>
                            <h3 class="text-xl font-bold mb-1">2024年10月</h3>
                            <p class="text-gray-600">用户数量突破500万，与1000所学校建立合作关系</p>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 合作伙伴 -->
            <div class="bg-white rounded-xl shadow-sm p-6 mb-6">
                <h2 class="text-2xl font-bold mb-6 flex items-center">
                    <i class="fa fa-handshake-o text-primary mr-2"></i> 合作伙伴
                </h2>
                
                <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-6">
                    <div class="border border-gray-200 rounded-lg p-4 flex items-center justify-center h-24 hover:shadow-md transition-shadow">
                        <img src="https://picsum.photos/id/11/120/60" alt="合作学校1" class="max-h-12">
                    </div>
                    <div class="border border-gray-200 rounded-lg p-4 flex items-center justify-center h-24 hover:shadow-md transition-shadow">
                        <img src="https://picsum.photos/id/12/120/60" alt="合作学校2" class="max-h-12">
                    </div>
                    <div class="border border-gray-200 rounded-lg p-4 flex items-center justify-center h-24 hover:shadow-md transition-shadow">
                        <img src="https://picsum.photos/id/13/120/60" alt="合作学校3" class="max-h-12">
                    </div>
                    <div class="border border-gray-200 rounded-lg p-4 flex items-center justify-center h-24 hover:shadow-md transition-shadow">
                        <img src="https://picsum.photos/id/14/120/60" alt="合作学校4" class="max-h-12">
                    </div>
                    <div class="border border-gray-200 rounded-lg p-4 flex items-center justify-center h-24 hover:shadow-md transition-shadow">
                        <img src="https://picsum.photos/id/15/120/60" alt="合作机构1" class="max-h-12">
                    </div>
                    <div class="border border-gray-200 rounded-lg p-4 flex items-center justify-center h-24 hover:shadow-md transition-shadow">
                        <img src="https://picsum.photos/id/16/120/60" alt="合作机构2" class="max-h-12">
                    </div>
                </div>
            </div>

            <!-- 联系我们 -->
            <div class="bg-white rounded-xl shadow-sm p-6">
                <h2 class="text-2xl font-bold mb-6 flex items-center">
                    <i class="fa fa-envelope-o text-primary mr-2"></i> 联系我们
                </h2>
                
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                    <div>
                        <h3 class="text-xl font-bold mb-4">联系方式</h3>
                        
                        <div class="space-y-4">
                            <div class="flex items-start">
                                <div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3 mt-1">
                                    <i class="fa fa-map-marker text-primary"></i>
                                </div>
                                <div>
                                    <h4 class="font-medium">公司地址</h4>
                                    <p class="text-gray-600">北京市海淀区中关村科技园区8号楼</p>
                                </div>
                            </div>
                            
                            <div class="flex items-start">
                                <div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3 mt-1">
                                    <i class="fa fa-phone text-primary"></i>
                                </div>
                                <div>
                                    <h4 class="font-medium">联系电话</h4>
                                    <p class="text-gray-600">400-123-4567</p>
                                </div>
                            </div>
                            
                            <div class="flex items-start">
                                <div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3 mt-1">
                                    <i class="fa fa-envelope text-primary"></i>
                                </div>
                                <div>
                                    <h4 class="font-medium">电子邮箱</h4>
                                    <p class="text-gray-600">contact@xuezhi.com</p>
                                </div>
                            </div>
                            
                            <div class="flex items-start">
                                <div class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3 mt-1">
                                    <i class="fa fa-clock-o text-primary"></i>
                                </div>
                                <div>
                                    <h4 class="font-medium">工作时间</h4>
                                    <p class="text-gray-600">周一至周五: 9:00 - 18:00</p>
                                </div>
                            </div>
                        </div>
                        
                        <div class="mt-6">
                            <h4 class="font-medium mb-3">关注我们</h4>
                            <div class="flex space-x-4">
                                <a href="#" class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center text-primary hover:bg-primary hover:text-white transition-colors">
                                    <i class="fa fa-weibo"></i>
                                </a>
                                <a href="#" class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center text-primary hover:bg-primary hover:text-white transition-colors">
                                    <i class="fa fa-wechat"></i>
                                </a>
                                <a href="#" class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center text-primary hover:bg-primary hover:text-white transition-colors">
                                    <i class="fa fa-qq"></i>
                                </a>
                                <a href="#" class="w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center text-primary hover:bg-primary hover:text-white transition-colors">
                                    <i class="fa fa-youtube-play"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    
                    <div>
                        <h3 class="text-xl font-bold mb-4">留言反馈</h3>
                        
                        <form>
                            <div class="mb-4">
                                <label for="name" class="block text-gray-700 font-medium mb-2">姓名</label>
                                <input type="text" id="name" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20 transition-all" placeholder="请输入您的姓名">
                            </div>
                            
                            <div class="mb-4">
                                <label for="email" class="block text-gray-700 font-medium mb-2">邮箱</label>
                                <input type="email" id="email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20 transition-all" placeholder="请输入您的邮箱">
                            </div>
                            
                            <div class="mb-4">
                                <label for="subject" class="block text-gray-700 font-medium mb-2">主题</label>
                                <select id="subject" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20 transition-all">
                                    <option value="">请选择留言主题</option>
                                    <option value="suggestion">建议反馈</option>
                                    <option value="cooperation">商务合作</option>
                                    <option value="complaint">投诉举报</option>
                                    <option value="other">其他问题</option>
                                </select>
                            </div>
                            
                            <div class="mb-4">
                                <label for="message" class="block text-gray-700 font-medium mb-2">留言内容</label>
                                <textarea id="message" rows="5" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary/20 transition-all" placeholder="请输入您的留言内容"></textarea>
                            </div>
                            
                            <button type="submit" class="w-full bg-primary text-white py-3 rounded-lg hover:bg-primary/90 transition-colors flex items-center justify-center">
                                <i class="fa fa-paper-plane mr-2"></i> 提交留言
                            </button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <!-- 页脚 -->
    <footer class="bg-white border-t border-gray-200 mt-8">
        <div class="container mx-auto px-4 py-8">
            <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
                <div>
                    <div class="flex items-center mb-4">
                        <i class="fa fa-graduation-cap text-primary text-2xl mr-2"></i>
                        <h2 class="text-xl font-bold text-gray-800">学知题库</h2>
                    </div>
                    <p class="text-gray-600 mb-4">提供高质量的中小学题库资源，助力学生高效学习</p>
                    <div class="flex space-x-4">
                        <a href="#" class="text-gray-400 hover:text-primary transition-colors">
                            <i class="fa fa-weibo"></i>
                        </a>
                        <a href="#" class="text-gray-400 hover:text-primary transition-colors">
                            <i class="fa fa-wechat"></i>
                        </a>
                        <a href="#" class="text-gray-400 hover:text-primary transition-colors">
                            <i class="fa fa-qq"></i>
                        </a>
                    </div>
                </div>
                
                <div>
                    <h3 class="font-bold text-gray-800 mb-4">学科资源</h3>
                    <ul class="space-y-2">
                        <li><a href="#" class="text-gray-600 hover:text-primary transition-colors">高中数学</a></li>
                        <li><a href="#" class="text-gray-600 hover:text-primary transition-colors">高中物理</a></li>
                        <li><a href="#" class="text-gray-600 hover:text-primary transition-colors">高中化学</a></li>
                        <li><a href="#" class="text-gray-600 hover:text-primary transition-colors">高中生物</a></li>
                        <li><a href="#" class="text-gray-600 hover:text-primary transition-colors">高中英语</a></li>
                    </ul>
                </div>
                
                <div>
                    